import React, { Component } from 'react'

// 所谓的逐层传递参数，实际就是一层一层的往下传

class First extends Component {
  render(){
    return (<div>
      First： { this.props.title }

      <Section name={this.props.title} />
    </div>)
  }
}

const Section = (props)=>{
  return (<div>
    Section: {props.name}
  </div>)
}

export default class App extends Component {
  render() {
    return (
      <div>
        App

        <First title='传家宝' />
      </div>
    )
  }
}
